<div class="main-hook dictionary-main-hook">
    <span @click.stop="emitPage" class="emit-page-hook"></span>
    <span @click.stop="prePage" class="pre-page-hook"></span>
    <span @click.stop="refreshPage" class="refresh-page-hook"></span>
    <div class="box-wrapper box1-hook" v-show="boxs.box1.show">
        <div class="dictionary-wrapper dictionary-hook">
            <div class="title">
                当前位置：系统设置&nbsp;->&nbsp;<span class="active">数据字典管理</span>
            </div>
            <%if(checkAuthority('account-query')){%>
            <form class="search form-hook">
                <div class="row">
                    <span class="search-label">字典分组</span>
                    <select class="form-control w120 role-type-hook" name="dicGroup">
                        <option v-for="(dic,index) in dicList" :value="dic.dictgroupId" v-text="dic.dictgroupName"></option>
                    </select>
                    <span class="interval-lg"></span>
                    <span class="search-label">字典名称</span>
                    <input type="text" class="search-input w120" name="dicName" placeholder="字典名称" >
                    <span class="interval-lg"></span>
                    <span class="search-label">字典值</span>
                    <input type="text" class="search-input w120" name="dicValue" placeholder="字典值">
                    <span class="interval-lg"></span>
                    <button type="submit" class="btn btn-blue search-hook">搜索</button>
                </div>
            </form>
            <%}%>
            <%if(checkAuthority('account-customer-create')){%>
            <div class="order_operation_btn">
                <button type="button" class="primary_btn" @click.stop="dicAdd()">新增</button>
                <!--<button type="button" class="primary_btn" @click.stop="dicModify()">修改</button>-->
                <button type="button" class="primary_btn" @click.stop="dicDelete()">删除</button>
            </div>
            <%}%>
            <div class="custom-table-wrapper">
                <table class="custom-table dictionary-table-hook"></table>
            </div>
        </div>
    </div>
    <div class="box-wrapper box2-hook" v-show="boxs.box2.show"></div>
    <div class="box-wrapper box3-hook" v-show="boxs.box3.show"></div>
    <div class="box-wrapper box4-hook" v-show="boxs.box4.show"></div>

    <!-- 新增字典弹框 -->
    <div id="addPara" style="display:none;">
        <div class="form" style="padding-top:20px">
            <form class="form-horizontal create-form-hook">
                <div class="form-group">
                    <label class="col-sm-3 control-label">字典分组:</label>
                    <div class="col-sm-6">
                        <select class="form-control w120 role-type-hook" name="newdicGroup"  id="newdicGroup">
                            <option v-for="(dic,index) in dicList" :value="dic.dictgroupId" v-text="dic.dictgroupName"></option>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-3 control-label">字典名称:</label>
                    <div class="col-sm-6">
                        <input type="text" class="form-control" name="newdicName" id="newdicName">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-3 control-label">字典值&nbsp;&nbsp;&nbsp;:</label>
                    <div class="col-sm-6">
                        <input type="text" class="form-control" name="newdicValue" id="newdicValue">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-3 control-label">字典备注:</label>
                    <div class="col-sm-6">
                        <input type="text" class="form-control"name="newdicText" id="newdicText">
                    </div>
                </div>

            </form>
        </div>
    </div>
    <!-- 修改字典弹框 -->
    <div id="modifyPara" style="display:none;">
        <div class="form" style="padding-top:20px">
            <form class="form-horizontal create-form-hook">
                <div class="form-group">
                    <label class="col-sm-3 control-label">字典分组:</label>
                    <div class="col-sm-6">
                        <select class="form-control w120 role-type-hook" name="modifydicGroup" id="modifydicGroup" disabled>
                            <option v-for="(dic,index) in dicList" :value="dic.dictgroupId" v-text="dic.dictgroupName"></option>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-3 control-label">字典名称:</label>
                    <div class="col-sm-6">
                        <input type="text" class="form-control" name="modifydicName" id="modifydicName" readonly>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-3 control-label">字典值&nbsp;&nbsp;&nbsp;:</label>
                    <div class="col-sm-6">
                        <input type="text" class="form-control" name="modifydicValue" id="modifydicValue">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-3 control-label">字典备注:</label>
                    <div class="col-sm-6">
                        <input type="text" class="form-control"name="modifydicText" id="modifydicText">
                    </div>
                </div>

            </form>
        </div>
    </div>
</div>


<script type="text/javascript" src="js/back/system/dictionary/dictionary.js" custom></script>